<template>
	<view class="print-comment-wrap u-flex u-row-between">
		<view class="print-comment-left u-flex-1">
			<u-icon name="edit-pen" size="30" color="#999" style="margin: 0 15rpx 0 30rpx;"></u-icon>
			<input type="text" class="print-comment" @focus="toggleMask()" value="" placeholder="说些什么吧" placeholder-style="font-size:24rpx"/>
		</view>
		<view class="print-comment-right">
			<view class="print-comment-icon">
				<u-icon name="chat" size="40" style="margin-right: 12rpx;" @click="concern(1)"></u-icon>{{secondCommentTotal}}
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			secondCommentTotal:{
				type:Number
			}
		},
		data(){
			return{
				
			}
		},
		methods:{
			toggleMask(type) {
				// this.$refs.ygcComment.toggleMask(type);
				this.$emit('toggleMask');
			},
			concern(){
				this.$emit('concern')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.print-comment-wrap{
		position: fixed;
		z-index: 10;
		bottom: 0;
		width: 100%;
		height: 104rpx;
		background-color: #fff;
		padding: 20rpx 30rpx;
		border-top: 1px solid #ebebeb;
		display: flex;
		.print-comment-left{
			height: 66rpx;
			background-color: #f5f5f5;
			border-radius: 66rpx;
			margin-right: 32rpx;
			display: flex;
			align-items: center;
			.print-comment{
				height: 50rpx;
			}
		}
		.print-comment-right{
			width: 100rpx;
			display: flex;
			align-items: center;
		}
	}
</style>
